import { Avatar, Space } from 'antd';
import React from 'react';
import HeaderDropdown from '../HeaderDropdown';

export type GlobalHeaderRightProps = {
  menu?: boolean;
};

export const AvatarDropdown: React.FC<GlobalHeaderRightProps> = ({ menu }) => {
  return (
    <HeaderDropdown
      menu={{
        selectedKeys: [],
        onClick: () => {
          console.log('onMenuClick');
        },
        items: [],
      }}
    >
      <Space>
        <Avatar
          size="small"
          src="https://gw.alipayobjects.com/zos/antfincdn/XAosXuNZyF/BiazfanxmamNRoxxVxka.png"
        />
        <span className="anticon">Serati Ma</span>
      </Space>
    </HeaderDropdown>
  );
};

export const AvatarName = () => {};
